﻿@{
    ViewBag.Title = "ViewPage1";
    Layout = "~/Views/Shared/BaseView.cshtml";
}<script type="text/javascript">
    function changediv(id) {
        if (id == 1) {
            document.getElementById("table1").style.display = "block";
            document.getElementById("table2").style.display = "none";
            $("#button2").removeClass();
            $("#button1").addClass("cur");
        } else {
            document.getElementById("table2").style.display = "block";
            document.getElementById("table1").style.display = "none";
            $("#button1").removeClass();
            $("#button2").addClass("cur");
        }
    }
    function showdiv3() {
        if (document.getElementById("table3").style.display == "block") {
            document.getElementById("table3").style.display = "none";
        } else {
            document.getElementById("table3").style.display = "block";
        }

    }
</script>
@{
    Common.Web.Cookie cookie = new Common.Web.Cookie();
    int visiterId = Convert.ToInt32(cookie.GetCookie("LoginUserId"));
    BenefitHelper.DB.DBManager db = new BenefitHelper.DB.DBManager();
    if (BenefitHelper.Sys.VisitPrower.HasAdminPrower(visiterId, db))
    { 
    <div id="buttons">
        <span>
            <p>
                <a href="/Init" target="_blank" title="后台管理">后台管理</a>
            </p>
        </span>
    </div>
    }
    db.Dispose();
}
<dl id="xiangmu">
    <dt><span id="title2" >组员甲</span></dt>
    <dd>
        <table width="100%" border="0" cellspacing="0" cellpadding="0" id="panzhongfenxi">
            <tr>
                <td style="border-left: 1px solid #ecc7b5;">
                    <a href="/changxianri">
                        <img src="/Content/images/icon_01.gif" />收益报告</a>
                </td>
                <td class="selected">
                    <img src="/Content/images/icon_09.gif" />盈亏分布
                </td>
                <td>
                    <a href="/changxian3">
                        <img src="/Content/images/icon_10.gif" />性能汇总</a>
                </td>
                <td>
                    <a href="/changxian5">
                        <img src="/Content/images/icon_10.gif" />阶段总结</a>
                </td>
                <td>
                    <a href="/changxian4">
                        <img src="/Content/images/icon_05.gif" />做单追踪</a>
                </td>
            </tr>
        </table>
    </dd>
</dl>
<div id="bigDataBox">
    <div class="date-select-bar">
        <a href="#00" class='cur'>1</a> <a href="#-1">2</a><a href="#-1">3</a><a href="#-1">4</a><a
            href="#-1">5</a><a href="#-1">6</a> <a href="#-1">7</a><a href="#-1">8</a><a href="#-1">9</a><a
                href="#-1">10</a><a href="#-1">11</a><a href="#-1">12</a><a href="#-1">整年数据</a>
    </div>
    <div class="date-select-bar" style="text-align: right; float: right;">
        <a href="#00" class='cur'>2011</a> <a href="#-1">2012</a><a href="#-1">2013</a>
    </div>
    <br />
            <div style="width: 60%; background-repeat: no-repeat; float: left; text-align: left;">
        <img src="/content/images/yingkuifenbu.png" />
    </div>
    <table style="width: 100%; height: 170px;">
        <tr>
            <td style="width: 70%; vertical-align: top;">
                <div class="statisticsTime" style="height: 170px;">
                    <div style="width: 100%; height: 300px;" id="showflash3">
                    </div>
                </div>
            </td>
            <td style="vertical-align: top;">
                <table style="width: 100%;" class="list" cellspacing="0" cellpadding="0">
                    <tr>
                        <td class="title">
                            指数
                        </td>
                        <td class="title">
                            值
                        </td>
                        <td class="title">
                            月累计
                        </td>
                    </tr>
                    <tr>
                        <td>
                            盈利
                        </td>
                        <td>
                            650<span class="down">↓</span>
                        </td>
                        <td>
                            650<span class="down">↓</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            亏损
                        </td>
                        <td>
                            581<span class="down">↓</span>
                        </td>
                        <td>
                            650<span class="down">↓</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            净盈利
                        </td>
                        <td>
                            581<span class="down">↓</span>
                        </td>
                        <td>
                            650<span class="down">↓</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            盈亏比
                        </td>
                        <td>
                            3.6<span class="down">↓</span>
                        </td>
                        <td>
                            650<span class="down">↓</span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <div style="height: 30px; line-height: 30px;">
    </div>
        <div style="width: 60%; background-repeat: no-repeat; float: left; text-align: left;">
        <img src="/content/images/yingkuifenxi.png" />
    </div>
    <div id="DateSelectBar" class="date-select-bar" style=" float:right;">
        <a href="#-1" onclick="changediv(2)" class="cur">按品种</a> <a href="#-7" onclick="changediv(3)">
            按多空</a><a href="#-7" onclick="changediv(4)">按收益情况</a>
    </div>
    <table style="width: 100%; height: 300px;">
        <tr>
            <td style="width: 50%; vertical-align: top;">
                <div class="statisticsTime" style="height: 285px;">
                    <div style="width: 100%; height: 300px;" id="showflash">
                        最大亏损：20
                    </div>
                </div>
            </td>
            <td style="width: 34%; vertical-align: top;">
                <table cellspacing="0" cellpadding="0" class="list" style="width: 100%;" id="productdiv">
                    <tr>
                        <td class="title" style="text-align: left; padding-left: 10px;">
                            品种
                        </td>
                        <td class="title" style="text-align: right;">
                            笔数
                        </td>
                        <td class="title" style="text-align: right;">
                            亏损金额
                        </td>
                        <td class="title" style="text-align: right;">
                            占比
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left; padding-left: 10px;">
                            cu
                        </td>
                        <td style="text-align: right;">
                            3000<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            30<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            2%<span class="down">↓</span>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left; padding-left: 10px;">
                            al
                        </td>
                        <td style="text-align: right;">
                            3000<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            30<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            2%<span class="down">↓</span>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left; padding-left: 10px;">
                            合计
                        </td>
                        <td style="text-align: right;">
                            3000<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            30<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            2%<span class="down">↓</span>
                        </td>
                    </tr>
                </table>
                <table cellspacing="0" cellpadding="0" class="list" style="width: 100%; display: none;"
                    id="headdiv">
                    <tr>
                        <td class="title" style="text-align: left; padding-left: 10px;">
                            多头/空头
                        </td>
                        <td class="title" style="text-align: right;">
                            笔数
                        </td>
                        <td class="title" style="text-align: right;">
                            亏损金额
                        </td>
                        <td class="title" style="text-align: right;">
                            占比
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left; padding-left: 10px;">
                            空头
                        </td>
                        <td style="text-align: right;">
                            3000<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            30<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            2%<span class="down">↓</span>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left; padding-left: 10px;">
                            多头
                        </td>
                        <td style="text-align: right;">
                            3000<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            30<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            2%<span class="down">↓</span>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left; padding-left: 10px;">
                            合计
                        </td>
                        <td style="text-align: right;">
                            3000<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            30<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            2%<span class="down">↓</span>
                        </td>
                    </tr>
                </table>
                <table cellspacing="0" cellpadding="0" class="list" style="width: 100%; display: none;"
                    id="moneydiv">
                    <tr>
                        <td class="title" style="text-align: left; padding-left: 10px;">
                            金额
                        </td>
                        <td class="title" style="text-align: right;">
                            笔数
                        </td>
                        <td class="title" style="text-align: right;">
                            亏损金额
                        </td>
                        <td class="title" style="text-align: right;">
                            占比
                        </td>
                    </tr>
                    <tr>
                        <td>
                            100以下
                        </td>
                        <td style="text-align: right;">
                            3000<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            30<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            2%<span class="down">↓</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            200以下
                        </td>
                        <td>
                            5464<span class="down">↓</span>
                        </td>
                        <td>
                            456456<span class="down">↓</span>
                        </td>
                        <td>
                            46<span class="down">↓</span>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left; padding-left: 10px;">
                            300以下
                        </td>
                        <td style="text-align: right;">
                            3000<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            30<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            2%<span class="down">↓</span>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left; padding-left: 10px;">
                            400以下
                        </td>
                        <td style="text-align: right;">
                            3000<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            30<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            2%<span class="down">↓</span>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left; padding-left: 10px;">
                            合计
                        </td>
                        <td style="text-align: right;">
                            3000<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            30<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            2%<span class="down">↓</span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <div style="height: 5px; line-height: 5px;">
    </div>
    <table style="width: 100%; height: 300px;">
        <tr>
            <td style="width: 50%; vertical-align: top;">
                <div class="statisticsTime" style="height: 285px;">
                    <div style="width: 100%; height: 300px;" id="showflash2">
                    </div>
                    <div style="width: 100%; height: 300px;">
                        最大盈利：20
                    </div>
                </div>
            </td>
            <td style="width: 34%; vertical-align: top;">
                <table cellspacing="0" cellpadding="0" class="list" style="width: 100%;" id="productdiv2">
                    <tr>
                        <td class="title" style="text-align: left; padding-left: 10px;">
                            品种
                        </td>
                        <td class="title" style="text-align: right;">
                            笔数
                        </td>
                        <td class="title" style="text-align: right;">
                            亏损金额
                        </td>
                        <td class="title" style="text-align: right;">
                            占比
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left; padding-left: 10px;">
                            cu
                        </td>
                        <td style="text-align: right;">
                            3000<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            30<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            2%<span class="down">↓</span>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left; padding-left: 10px;">
                            al
                        </td>
                        <td style="text-align: right;">
                            3000<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            30<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            2%<span class="down">↓</span>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left; padding-left: 10px;">
                            合计
                        </td>
                        <td style="text-align: right;">
                            3000<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            30<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            2%<span class="down">↓</span>
                        </td>
                    </tr>
                </table>
                <table cellspacing="0" cellpadding="0" class="list" style="width: 100%; display: none;"
                    id="headdiv2">
                    <tr>
                        <td class="title" style="text-align: left; padding-left: 10px;">
                            多头/空头
                        </td>
                        <td class="title" style="text-align: right;">
                            笔数
                        </td>
                        <td class="title" style="text-align: right;">
                            亏损金额
                        </td>
                        <td class="title" style="text-align: right;">
                            占比
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left; padding-left: 10px;">
                            空头
                        </td>
                        <td style="text-align: right;">
                            3000<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            30<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            2%<span class="down">↓</span>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left; padding-left: 10px;">
                            多头
                        </td>
                        <td style="text-align: right;">
                            3000<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            30<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            2%<span class="down">↓</span>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left; padding-left: 10px;">
                            合计
                        </td>
                        <td style="text-align: right;">
                            3000<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            30<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            2%<span class="down">↓</span>
                        </td>
                    </tr>
                </table>
                <table cellspacing="0" cellpadding="0" class="list" style="width: 100%; display: none;"
                    id="moneydiv2">
                    <tr>
                        <td class="title" style="text-align: left; padding-left: 10px;">
                            金额
                        </td>
                        <td class="title" style="text-align: right;">
                            笔数
                        </td>
                        <td class="title" style="text-align: right;">
                            亏损金额
                        </td>
                        <td class="title" style="text-align: right;">
                            占比
                        </td>
                    </tr>
                    <tr>
                        <td>
                            100以下
                        </td>
                        <td style="text-align: right;">
                            3000<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            30<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            2%<span class="down">↓</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            200以下
                        </td>
                        <td>
                            5464<span class="down">↓</span>
                        </td>
                        <td>
                            456456<span class="down">↓</span>
                        </td>
                        <td>
                            46<span class="down">↓</span>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left; padding-left: 10px;">
                            300以下
                        </td>
                        <td style="text-align: right;">
                            3000<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            30<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            2%<span class="down">↓</span>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left; padding-left: 10px;">
                            400以下
                        </td>
                        <td style="text-align: right;">
                            3000<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            30<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            2%<span class="down">↓</span>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left; padding-left: 10px;">
                            合计
                        </td>
                        <td style="text-align: right;">
                            3000<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            30<span class="down">↓</span>
                        </td>
                        <td style="text-align: right;">
                            2%<span class="down">↓</span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <div class="report-tip">
        <div class="report-tip-text">
            <div>
                <b>功能说明：</b></div>
            <div>
                亏损性成交：相对于当前（统计时间显示的时间）股票价格，在所有当日已经的成交中对于买入用户处于亏损的成交分布。<br />
                获利性成交：相对于当前（统计时间显示的时间）股票价格，在所有当日已经的成交中对于买入用户处于获利的成交分布。<br />
                成交均价：所有处于亏损或获利的不同成交单子中进行统计，平均成交价格。</div>
        </div>
        <div class="report-tip-close">
            &nbsp;</div>
        <div class="report-tip-text">
            <div>
                <b>使用帮助：</b></div>
            <div>
                本内容主要是将大小单成交与获利与亏损结合起来，以便于用户可以通过分析来获取有利于交易的市场交易习惯和潜在交易机会。</div>
        </div>
        <div class="report-tip-text">
            <div>
                <b>数据更新：</b></div>
            <div>
                盘中数据动态更新，更新间隔5分钟，由于运算因素，实时成交数据整体延时约5-10分钟。</div>
        </div>
    </div>
</div>
@MvcHtmlString.Create(ViewBag.js)
<script type="text/javascript">
    BenefitTimePie();
    WinAndLose();
    BenefitTimePie2();
    function changediv(id) {
        $("#productdiv").css("display", "none");
        $("#moneydiv").css("display", "none");
        $("#headdiv").css("display", "none");
        $("#timediv").css("display", "none");
        $("#productdiv2").css("display", "none");
        $("#moneydiv2").css("display", "none");
        $("#headdiv2").css("display", "none");
        $("#timediv2").css("display", "none");
        if (id == 1) {
            $("#timediv").css("display", "block");
            $("#timediv2").css("display", "block");
            BenefitTimePie();
            BenefitTimePie2();
        } else if (id == 2) {
            $("#productdiv").css("display", "block");
            $("#productdiv2").css("display", "block");
            BenefitProductPie();
            BenefitProductPie2();
        } else if (id == 3) {
            $("#headdiv").css("display", "block");
            $("#headdiv2").css("display", "block");
            BenefitHeadPie();
            BenefitHeadPie2();
        } else if (id == 4) {
            $("#moneydiv").css("display", "block");
            $("#moneydiv2").css("display", "block");
            BenefitTimePie();
            BenefitTimePie2();
        }
    }
</script>
